function init(){
    if($('.item-list').length > 0){
        showPanelUpdate('.item-list', getUpdatePageRow);
        submitUpdate(updatePageRow);
        changePageState();
    } else {
        submitUpdateForm('.btn-submit-update', evtAfterUpdateForm);
    }
}

function getUpdatePageRow(row){
    var html = row.parents('table').find('tr.tr-temp').clone().removeClass('hidden').removeClass('tr-temp').addClass('tr-update-temp');
    html.find('#input-page-title').val(row.find('td p.input-page-title > a').html().trim());
    html.find('#input-page-slug').val(row.find('td p.input-page-slug a').attr('data-slug').trim());
    html.find('#input-page-position').val(row.find('td.input-page-position').attr('data-position'));
    html.find('#input-page-order').val(row.find('td.input-page-order').html());
    html.find('#input-page-content').val(row.find('td.input-page-content textarea').val());
    html.find('#input-page-template').val(row.find('td.input-page-template').html());
    html.find('#input-page-publish-flg').prop('checked', row.find('.input-page-publish-flg .checkbox').is(':checked'));
    html.find('#input-page-delete-flg').prop('checked', row.find('.input-page-delete-flg .checkbox').is(':checked'));
    html.find('#input-page-id').val(row.attr('data-id'));
    return html;
}

function updatePageRow(data){
    console.log(data);
    var trEditting = $('tr.editting');
    var trTempUpdate = $('tr.tr-update-temp');
    trEditting.find('td p.input-page-title > a').html(trTempUpdate.find('#input-page-title').val());
    trEditting.find('td p.input-page-title > a').attr('href', data.href);
    trEditting.find('td p.input-page-slug > a').attr('href', data.front_href);
    trEditting.find('td.input-page-position label.label').html(trTempUpdate.find('#input-page-position option:selected').text());
    trEditting.find('td.input-page-order').html(trTempUpdate.find('#input-page-order').val());
    trEditting.find('td.input-page-content textarea').val(trTempUpdate.find('#input-page-content').val());
    trEditting.find('td.input-page-template').html(trTempUpdate.find('#input-page-template').val());
    trEditting.find('td.input-page-publish-flg .checkbox').prop('checked', trTempUpdate.find('#input-page-publish-flg').is(':checked'));
    trEditting.find('td.input-page-delete-flg .checkbox').prop('checked', trTempUpdate.find('#input-page-delete-flg').is(':checked'));
}

function changePageState(){
    $('.input-page-publish-flg input.checkbox, .input-page-delete-flg input.checkbox').change(function(){
        var url = $(this).parents('table').attr('data-href');
        var value = $(this).is(':checked')==true?1:0;
        var name = $(this).attr('data-name');
        var page = {id: $(this).parents('tr').attr('data-id')};
        page[name] = value;
        page['case'] = '0';
        changeState(url, {page: page});
    });
}

function evtAfterUpdateForm(data){
    if(data.code==1 && data.href!= undefined){
        if(document.URL != data.href){
            window.location = data.href;
        }
    }
}